@import '../../../style/default.less';
@import '../../../style/index.less';
.brandColor {
  color: @primary;
}
.pointer {
  cursor: pointer;
}
.tag {
  background-color: @primary-1;
}
.templateBox {
  border: 1px solid #f0f0f0;
  height: 240px;
  position: relative;
  overflow: hidden;
  & .mask {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.45);
    transform: translate(0, 100%);
    // transition: transform 0.3s;
    :global {
      button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
      }
    }
  }
}
.hover {
  & .mask {
    transform: translate(0);
    transition: transform 0.5s;
  }
}
.Modal {
  :global {
    .ant-modal-body {
      & > div {
        /*滚动条样式*/
        &::-webkit-scrollbar {
          /*滚动条整体样式*/
          width: 4px; /*高宽分别对应横竖滚动条的尺寸*/
          height: 4px;
        }
        &::-webkit-scrollbar-thumb {
          /*滚动条里面小方块*/
          border-radius: 5px;
          -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          background: rgba(0, 0, 0, 0.2);
        }
        &::-webkit-scrollbar-track {
          /*滚动条里面轨道*/
          -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          border-radius: 0;
          background: rgba(0, 0, 0, 0.1);
        }
      }
    }
  }
}

.occupancyWindow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120;
  height: 100;
  margin-top: 24;
  line-height: 24px;
}

.micropage {
  :global {
    .ant-spin-nested-loading > div > .ant-spin {
      max-height: 400px !important;
      background-color: transparent !important;
    }
  }
}

.overflow {
    :global {
        .ant-card-body {
            overflow: -webkit-paged-y;
        }
    }
}
